
<template>
    <div>
        <!-- <div class="Version">{{mVersion}}</div> -->
        <!-- <NavigationBar v-show="false" :options="mGlobalNavigationOptions"></NavigationBar> -->
    </div>
</template>

<script lang="ts">
import { Vue, Component, Prop, Watch } from "vue-property-decorator";
import NavigationBar, { NavigationBarOptions } from "app/components/navigation/NavigationBar.vue";

@Component({
    components: {
        NavigationBar,
    }
})
export default class App extends Vue {
    mVersion = __VERSION__;

    mGlobalNavigationOptions: NavigationBarOptions = this.createNavigationBarOptions();
    createNavigationBarOptions() {
        let context = this;
        return {
            get on() {
                if (false) {
                    return {};
                }
                return {
                    keyDown: {
                        "VolumeUp": (e) => {
                            e.preventDefault();
                        },
                        "VolumeDown": (e) => {
                            e.preventDefault();
                        },
                    },
                    keyPress: {
                        "*": () => {

                        },
                        "VolumeUp": () => {
                            navigator.volumeManager?.requestUp();
                        },
                        "VolumeDown": () => {
                            navigator.volumeManager?.requestDown();
                        },
                        "Help": () => {

                        },
                        "HeadsetHook": () => {

                        },
                        "MediaPause": () => {

                        },
                        "MediaPlay": () => {

                        },
                        "MediaTrackPrevious": () => {

                        },
                        "MediaTrackNext": () => {

                        },
                    },
                    keyLongPress: {
                        "Help": () => {

                        },
                        "VolumeUp": () => {

                        },
                        "VolumeDown": () => {

                        },
                    },
                }
            }
        }
    }


}
</script>

<style lang="scss" scoped>
.Version {
}
</style>
